.page-lesson-detail {
	.lesson-video-box {
		position: fixed;
		top: var(--window-top) + env(safe-area-inset-top);
		left: 0;
		height: 420rpx;
		width: 750rpx;
		z-index: 1;
		background-color: $fill-base;
	}
	.lesson-info {
		box-sizing: border-box;
		background-color: #fff;
		padding: 30rpx;
		padding-top: 34rpx;
		padding-bottom: 48rpx;
		padding-top: 420rpx + 30rpx;
		.lesson-name {
			font-size: 36rpx;
			color: #2c2c35;
		}

		.lesson-length {
			.lesson-length--icon {
				display: inline-block;
				width: 24rpx;
				height: 24rpx;
				margin-right: 10rpx;
				background-size: 100%;
			}

			font-size: 24rpx;
			color: #7b8196;
			margin: 20rpx 0;
		}

		.lesson-price {
			display: flex;
			justify-content: space-between;
			font-size: 28rpx;
			color: #aeafc0;
			.price {
				font-size: 40rpx;
				color: #f54305 !important;
			}
		}
		.lesson-teacher-container {
			border: solid 1px #e7e7f0;
			border-radius: 18rpx;
			margin-top: 0.747rem;
		}
		.lesson-teacher {
			display: flex;
			justify-content: flex-start;
			align-items: center;
			// height: 1.76rem;
			background-color: #f6f6fb;
			padding: 23rpx 30rpx;
			border-top-left-radius: 18rpx;
			border-top-right-radius: 18rpx;

			.teacher-image {
				width: 110rpx;
				height: 110rpx;
				background-color: #aeafc0;
				border-radius: 50%;

				.teacher-image--image {
					border-radius: 50%;
					width: 100%;
					height: 100%;
				}
			}

			.teacher-desc {
				width: 82%;
				margin-left: 20rpx;
				display: flex;
				justify-content: space-between;

				.name {
					color: #333333;
					font-size: 30rpx;

					.shanchang {
						margin-top: 24rpx;
						color: #aeafc0;
					}
				}

				.dianzan {
					text-align: center;
					font-size: 0;
					.meidian {
						display: inline-block;
						width: 30rpx;
						height: 30rpx;
						background-image: url(/static/images/detail/zan.png);
						background-size: 100%;
						line-height: 1;
					}

					.dianle {
						display: inline-block;
						width: 30rpx;
						height: 30rpx;
						background-image: url(/static/images/detail/zan-1.png);
						background-size: 100% 100%;
						line-height: 1;
					}

					.dianzan-txt {
						margin-top: 10rpx;
						line-height: 1;
					}
				}
			}
		}
		.teacher-intro {
			width: 628rpx;
			font-size: 28rpx;
			color: #7b8196;
			margin: 33rpx auto;
			line-height: 1.4;
			text-align: left;
		}
	}

	.lesson-detail--tabs {
		background-color: $fill-base;
		position: sticky;
		top: 420rpx;
		z-index: 1;
	}
}
